<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-store">
    <meta http-equiv="Cache-control" content="no-store">
    <meta http-equiv="Cache" content="no-store">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

    <title>Basketball Fire</title>
    <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../lib/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" href="css/common.css">

    <script src="../lib/angular-libs/angular.min.js"></script>
    <script src="../lib/angular-libs/angular-ui-router.js"></script>
    <script src="../lib/ckeditor.js"></script>

    <script src="./js/basketballFireApp.js"></script>

</head>
<body>
<div ng-controller="mainCtrl" ng-cloak="" style="padding-bottom: 20px;">
    <div id="head" class="headStyle">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <nav class="navbar navbar-default" role="navigation">
                        <div class="navbar-header borderRight">
                            <button type="button" class="navbar-toggle" data-toggle="collapse"
                                    data-target="#bs-example-navbar-collapse-1"><span
                                    class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
                                    class="icon-bar"></span><span class="icon-bar"></span></button>
                            <a class="navbar-brand" href="#">Self Note</a>
                        </div>

                        <div class="collapse navbar-collapse header-nav" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li class="borderRight">
                                    <a href="#/" class="commonMenu">主页</a>
                                </li>

                                <li class="dropdown borderRight">
                                    <a class="dropdown-toggle" data-toggle="dropdown">Note<strong
                                            class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li ng-repeat="data in menuList">
                                            <a href="{{data.href}}" ng-bind="data.name" ng-click="itemClick(data)"></a>
                                        </li>
                                    </ul>
                                </li>
                            </ul>

                            <ul class="nav navbar-nav navbar-right">

                                <li class="dropdown borderLeft">
                                    <a href="" class="dropdown-toggle" data-toggle="dropdown">Info<strong
                                            class="caret"></strong></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <a href="">About</a>
                                        </li>
                                        <li>
                                            <a href="">Logout</a>
                                        </li>

                                    </ul>
                                </li>


                            </ul>
                        </div>

                    </nav>
                </div>
            </div>
        </div>
    </div>
    <div id="content" style="padding-top: 80px;">
        <div class="container">
            <div class="row clearfix">
                <div class="col-md-12 column">
                    <table style="width: 100%">
                        <tr>
                            <td id="leftMenu" style="width: 160px;vertical-align: top;">
                                <div>
                                    <a ng-repeat="data in menuList" href="{{data.href}}" class="list-group-item"
                                       ng-bind="data.name" ng-class="data.class" ng-click="itemClick(data)"></a>
                                </div>
                            </td>

                            <!--<td id="rightView" style="padding-left: 20px;vertical-align: top;">-->
                            <!--<div ng-view></div>-->
                            <!--</td>-->
                            <td id="rightView" style="padding-left: 20px;vertical-align: top;">
                                <div ui-view></div>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>

</div>


</body>
</html>